<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:head>
		<h:outputStylesheet library="css" name="styles.css"  />	
		<h:outputScript name="jquery/jquery-plugins.js" library="primefaces"/>
	</h:head>
	
	<h:body>
	<h:form >
		<ui:composition template="/plantillas/plantilla.xhtml">
			<ui:define name="body">
			
				<br/>
				<p:panelGrid columns="1">
					<f:facet name="header" >
							<p:row>
								<p:column>
									<p:outputLabel value="Maestro de Menús"/>						
								</p:column>
								<p:column><p:spacer width="1250" height="1"  />  </p:column>
							</p:row>
					</f:facet>
				</p:panelGrid>
				
				<p:panelGrid columns="1" styleClass="table-out">
										
					<p:row>
						<p:column>
							<p:panelGrid styleClass="table-in">	
								<p:row>
        							<p:column>
        								<p:scrollPanel style="width:1300px;height:470px" > 
	        								<p:dataTable  id="prod" var="producto" value="#{tmenu.productos}" lazy="true"  paginator="true" rows="15" rowsPerPageTemplate="5,10,15,20,25,30,35" rowKey="#{producto.mencve}" >
	        									<p:column headerText="Código">#{producto.mencve}</p:column>
		        								<p:column headerText="Nombre">#{producto.mennom}</p:column>
		                		         	 	<p:column headerText="Contenido">#{producto.mencon}</p:column>
		                 		        	 	<p:column headerText="Tipo">#{producto.mentit.descripcion}</p:column>
		                            			<p:column headerText="Precio">#{producto.menpre}</p:column>
		                            			<p:column headerText="Modificar"><p:commandButton id="Modificar" icon="ui-icon-pencil" action='#{tmenu.showGrabarProducto("Modificar Menu")}' ><f:param name="mencve" value="#{producto.mencve}"/>  </p:commandButton></p:column>
                            					<p:column headerText="Eliminar"><p:commandButton id="Eliminar" icon="ui-icon-closethick" /> </p:column>
                            					<f:facet name="footer"> 
                            							<p:commandButton id="Nuevo" value="Nuevo" action='#{tmenu.showGrabarProducto("Nuevo Menu")}'  />   
      											</f:facet>      											 	
        									</p:dataTable>
        								</p:scrollPanel>
        							</p:column>
        						</p:row>		
							</p:panelGrid>
						</p:column>
					</p:row>
				</p:panelGrid>
					
			</ui:define>
		</ui:composition>
		</h:form>	
	</h:body>
	
</html>